#switching-left , #switching-right{position:absolute;top:50%;margin-top:-25px;  z-index: 1;width:30px;background:rgba(0,0,0,.1);color:rgba(255,255,255,.8);text-align:center;font-size:20px;line-height:50px;cursor:pointer;}
#switching-left:hover , #switching-right:hover{background:rgba(0,0,0,.15);}
#switching-left{left:10px;}
#switching-right{right:10px;}
#switching-left::before{font-family:uicons-regular-rounded;content: "\f12c";}
#switching-right::before{font-family:uicons-regular-rounded;content: "\f12d";}
#screenshot-box{position:relative;display:block;overflow:hidden;max-width :720px; margin: 0 auto; }
.screenshot-box-16-9{ height :420px}
.screenshot-box-16-9 ul li .pic{padding-top:175%;}
.screenshot-box-3-4{ height :180px}
.screenshot-box-3-4 ul li .pic{padding-top:75%;}
.list-screenshot{position:absolute;top:0;left:0;float:left;display:block;width:1000000px;}
.list-screenshot ul{float:left;display:block;margin:0;padding:0;list-style-type:none}
.list-screenshot ul li{float:left;display:block;width:240px;cursor: pointer;}
.list-screenshot ul li .pic{position:relative;width:100%;}
.list-screenshot ul li .pic img{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;padding:0 10px;}
/* 图片查看器 */
#pictureViewer{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:10000}
#pictureViewer>.content{background-color:#fff;position:absolute;width:590px;height:590px;margin:auto;top:0;right:0;bottom:0;left:0}
#pictureViewer .menu-bar{padding:10px 0 0 0;width:100%}
#pictureViewer .menu-bar .handel{width:30px;height:30px;line-height:30px;text-align:center;float:right;cursor:pointer;background:rgba(0,0,0,.1);color:rgba(255,255,255,.8);border-radius:3px;margin-right:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
#pictureViewer .menu-bar .handel i{font-size:14px;margin:0 0 0 3px;}
#pictureViewer .menu-bar .handel:hover{background:rgba(0,0,0,.15);}
#pictureViewer .handel-next,#pictureViewer .handel-prev{display:inline-block;width:36px;height:60px;line-height:60px;background:rgba(0,0,0,.1);color:rgba(255,255,255,.8);position:relative;top:calc(50% - 70px);text-align:center;cursor:pointer;z-index:10009;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
#pictureViewer .handel-next,#pictureViewer .handel-prev,#pictureViewer .menu-bar .handel{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;-webkit-touch-callout:none}
#pictureViewer .handel-next i,#pictureViewer .handel-prev i{font-size:20px}
#pictureViewer .handel-next:hover,#pictureViewer .handel-prev:hover{background-color:rgba(0, 0, 0, 0.15);}
#pictureViewer .picture-content{display:inline-block;width:80%;height:calc(100% - 80px);position:absolute;margin:0 auto;left:0;right:0}
#pictureViewer .picture-content .cover{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}
#pictureViewer .counter{position:absolute;bottom:0;height:40px;line-height:40px;width:100%;text-align:center;color:#999;font-size:13px}
#pictureViewer .hide{display:none}
#pictureViewer .left{float:left}
#pictureViewer .right{float:right}
#pictureViewer .clear-flex{clear:both}
#pictureViewer img{max-width:100%;max-height:100%}
@media screen and (max-width:760px){
#screenshot-box{max-width :480px;}
.screenshot-box-16-9{ height :420px}
.screenshot-box-3-4{ height :180px}
.list-screenshot ul li{width:240px;}
#pictureViewer>.content{width:400px;height:400px}
#pictureViewer .handel-next i,#pictureViewer .handel-prev i{font-size:18px}
#pictureViewer .picture-content{width:100%}
}
@media screen and (max-width:520px){
#screenshot-box{max-width :320px;}
.screenshot-box-16-9{ height :280px}
.screenshot-box-3-4{ height :120px}
.list-screenshot ul li{width:160px;}
#pictureViewer>.content{width:100%;height:360px}
}
/* 夜间模式 */
body.fuinight #pictureViewer>.content{background: #333;}
body.fuinight #pictureViewer .counter{color:#777;}